(function () {
    $(function () {
        $.fn.extend({
            // 菜单导航下拉
            DropDown() {
                class Drop {
                    constructor(cls) {
                        this.ele = cls;
                    }
                    down() {
                        this.ele.on("mouseenter", function () {
                            $(this).find(".drop").show();
                        }).on("mouseleave", function () {
                            $(this).find(".drop").hide();
                        })
                    }
                }
                new Drop(this).down();
            }
        })
        $.fn.extend({
            // 下拉替换
            DropHideShow() {
                this.on("mouseenter", function () {
                    $(this).find(".erweiimg").hide().next().show();
                }).on("mouseleave", function () {
                    $(this).find(".erweiimg").show().next().hide();
                })
            }
        })
        $.fn.extend({
            // tab栏切换  导航
            Tabshow() {
                this.find("li").on("mouseenter", function () {
                    let $index = $(this).index();
                    $(this).addClass("active").siblings().removeClass("active");
                    $(this).parent().next().show();
                    $(this).parent().next().children().eq($index).show().siblings().hide();
                })
                this.parent().on("mouseleave", function () {
                    $(this).children().eq(1).hide();
                    $(this).children().children().removeClass("active");
                })
            }
        })
        $.fn.extend({
            // 轮播图 自动播放 左右按钮不隐藏 有小点点(滑入) 淡入淡出
            Swiper1() {
                let imgindex = 0;
                let pointindex = 0;
                const autoplay = () => {
                    if (imgindex > 7) {
                        imgindex = 0;
                    }
                    if (imgindex < 0) {
                        imgindex = 7;
                    }
                    // console.log(imgindex);
                    this.find("ul>li").eq(imgindex).fadeIn().siblings().hide();
                    this.find("ol>li").eq(imgindex).addClass("active").siblings().removeClass("active");
                }
                let timer;
                timer = setInterval(() => {
                    imgindex++;
                    autoplay();
                    console.log(1);
                }, 3000)
                this.on("mouseenter", () => {
                    clearInterval(timer);
                }).on("mouseleave", () => {
                    timer = setInterval(() => {
                        imgindex++;
                        autoplay();
                        console.log(1);
                    }, 3000)
                })
                this.find(".numlist>li").on("mouseenter", function () {
                    // console.log($(this).index());
                    imgindex = pointindex = $(this).index();
                    // console.log(imgindex);
                    autoplay();
                    $(this).addClass("active").siblings().removeClass("active");
                });
                this.find("button.leftbtn").on("click", function () {
                    imgindex--;
                    autoplay();
                });
                this.find("button.rightbtn").on("click", function () {
                    imgindex++;
                    autoplay();
                });
            }
        })
        $.fn.extend({
            // 轮播图 不自动播放 鼠标移入出现左右按钮 淡入淡出
            Swiper2() {
                this.on("mouseenter", function () {
                    $(this).find("button").show();
                }).on("mouseleave", function () {
                    $(this).find("button").hide();
                });
                let index = 0;
                this.find("button.leftbtn").on("click", function () {
                    if (index <= 0) {
                        index = 3;
                    }
                    index--;
                    $(this).next().children().children().eq(index).fadeIn().siblings().fadeOut();
                });
                this.find("button.rightbtn").on("click", function () {
                    if (index >= 2) {
                        index = -1;
                    }
                    index++;
                    $(this).prev().children().children().eq(index).fadeIn().siblings().fadeOut();
                });
            }
        })
        $.fn.extend({
            // 轮播图 不自动播放 左右按钮不隐藏 移动
            Swiper3() {
                $("img.lazy1").lazyload({ effect: "fadeIn", threshold: 0, failurelimit: 10 });
                let $Li = this.find("ul>li").eq(0).clone(true);
                let shuzhu = $Li.find("div.imgbox").children();
                for (let i = 0; i < shuzhu.length; i++) {
                    $Li.find("div.imgbox").children().attr("src", shuzhu.eq(i).children().attr("data-original"));
                }

                this.find("ul").append($Li);
                let lindex = 0;
                this.find("button.leftbtn").on("click", function () {
                    lindex--;
                    $(this).next().children().animate({ left: - $Li.width() * lindex });

                })
                this.find("button.rightbtn").on("click", function () {
                    lindex++;
                    $(this).prev().children().animate({ left: - $Li.width() * lindex });
                })
            }
        })
    })

    $(function () {
        // 页面上图片的延迟加载(懒加载)
        // $("img.lazy").lazyload({ effect: "fadeIn" });
        $("img").lazyload({ effect: "fadeIn", threshold: 0, failurelimit: 10 });

        // 头部导航栏的下拉
        $(".dropdown").DropDown();
        $(".mobile").DropHideShow();

        // 轮播图旁左右tab栏
        $(".typemenu").Tabshow();

        // 轮播图
        $("#slider1").Swiper1();
        $("#slider2").Swiper2();

        // 轮播图
        $("#swiper3").Swiper3();
        // tab栏切换
        $(".xunbao").find(".tabhead").children().on("mouseenter", function () {
            let index = $(this).index();
            $(this).addClass("active").siblings().removeClass("active");
            $(this).parent().next().children().eq(index).addClass("active").siblings().removeClass("active");
        })
        $(".tabnav").find(".navhead").children().on("click", function () {
            let index = $(this).index();
            $(this).addClass("current").siblings().removeClass("current");
            $(this).parent().parent().next().children().children().eq(index).show().siblings().hide();
        })
        $(".specialtab").find(".tabhd").children().on("click", function () {
            let index = $(this).index();
            $(this).addClass("active").siblings().removeClass("active");
            $(this).parent().next().children().eq(index).addClass("active").siblings().removeClass("active");
        })

        // 盖楼层
        $(window).on("load", function () {
            let min = Array.from($(".floorbox")).map(el => $(el).offset().top);
            let max = Array.from($(".floorbox")).map(el => $(el).offset().top + $(el).height());
            // console.log(min);
            // console.log(max);
            $(window).on("scroll", _.debounce(function () {
                let scrtop = $(document).scrollTop();
                if (scrtop > $("header").height() + $("section.banner").height()) {
                    $(".elevator").animate({
                        top: 75
                    });
                    $(".elevator").addClass("elevatorfixed");
                    // 回到顶部
                    $(".back").addClass("show");
                    $(".back").on("click", function () {
                        $("html,body").animate({ scrollTop: 0 });
                    })
                } else {
                    $(".elevator").animate({
                        top: "0px"
                    });
                    $(".back").removeClass("show");
                    $(".elevator").removeClass("elevatorfixed");
                    $(".elevator").find("li").removeClass("current");
                }
                let curindex = -1;
                for (let i = 0; i < min.length; i++) {
                    if (scrtop >= min[i] && scrtop <= max[i]) {
                        curindex = i;
                        break;
                    }
                }
                if (curindex != -1) {
                    $(".elevator").find("li").eq(curindex).addClass("current").siblings().removeClass("current");
                }
            }, 200))
            $(".elevator").find("li").on("click", function () {
                let $index = $(this).index();
                if ($index == 4 || $index == 5) {
                    return;
                }
                $("html,body").animate({ scrollTop: min[$index] });
            })
        })
        // 自动播放
        // $(window).on("load", function () {
        //     $(".nicegoodslist").find(".scrollbar").children().on("mousedown", function (e) {
        //         let score = 3000 / $(this).parent().width();
        //         $(this).parent().prev().animate({
        //             left: -score * e.pageX
        //         })
        //     })
        // })
    })
})()